
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>普拉斯在线商城</title>
     <link rel="icon" href="__PUBLIC__/Uploads/tou.png" mce_href="__PUBLIC__/Uploads/tou.png" type="image/x-icon" />
    <link rel="stylesheet" href="https://store.res.meizu.com//layout/css/layout-f37b367275.css" />
    <link rel="stylesheet" href="__PUBLIC__/shop/assets/css/amazeui.css"/>

    <link href="__PUBLIC__/shop/css/index.css" rel="stylesheet"/>
    <link rel="stylesheet" href="__PUBLIC__/shop/css/swiper.min.css">
    <script src="__PUBLIC__/shop/js/jquery-1.4.2.min.js"></script>
    <script src="__PUBLIC__/shop/js/swiper.min.js"></script>
    <style>
         .meizu-header-user-dropdown {
            display: block;
            position: absolute;
            right: 0;
            z-index: 1;
            width: 98px;
            background-color: #fff;
            top: 64px;
            left: 50%;
            border-radius: 2px;
            box-sizing: border-box;
            text-align: center;
            padding: 15px 0;
            margin-left: -48px;
            box-shadow: 0 0 5px rgba(0,0,0,.1);
             display: none;
        }

        .meizu-header-user-dropdown:after {
            display: block;
            content: '';
            width: 0;
            height: 0;
            border: 10px solid;
            border-color: transparent transparent #fff;
            left: 40px;
            top: -15px;
            position: absolute
        }
         .meizu-header-user-dropdown li{
             font-size: 12px;
             display: block;
             margin: 15px auto
         }
         .meizu-header-user-dropdown li:first-child{margin-top: 0;}
         .meizu-header-user-dropdown li:last-child{margin-bottom: 0;}
         .meizu-header-user-dropdown li a{
             position: relative;
             z-index: 4;
             color: #515151;
         }
         .meizu-header-user-dropdown li a:hover{ color:#31a5e7;}
        #layoutHeaderUser:hover .meizu-header-user-dropdown{ display: block;}
         .home-settlement{transition: height 1s ease-in-out,top 1.5s ease-in-out,opacity 1.5s linear;z-index: 100 }
         .ul2{
            width: 100%;
            height: 50px;
            border:1px solid #eee;
            position: fixed;
            top: 0px;
            left: 0px;
            z-index: 100;
            background-color:white;
            z-index: 50;
         }
         .li3{
               float: left;
    
    color: black;
    margin-left: 64px;
    padding-top: 7px;
         }
         .btn{
            background-color: #1ac9f7;
            padding: 5px 10px;
            color: white;
         }
         .ul2 span{
float: left;
float: left;
    margin-right: 20px;
    display: inline-block;
    color: black;

         }
         .active3{
border-bottom: 1px solid #1ac9f7;
         }
         #all:hover{
                 
         }
            .home-category .home-category-child {
    display: none;
    position: absolute;
    height: 468px;
    left: 244px;
    top: 0;
    background-color: #fff;
    white-space: nowrap;
    font-size: 0;
    box-shadow: 1px 1px 2px rgba(0,0,0,.1);
}
    </style>
</head>

<body>
<!-- common header -->
<!--小广告-->
<if condition="$show eq 1">
<ul class="ul2">
<li class="li3 active3"><a href="3">商品详情</a></li>
<li class="li3"><a href="3">规格参数</a></li>
<li class="li3"><a href="3">常见问题</a></li>

<div style="clear:both;float:right;margin-right: 20px;margin-top: -20px;"></div>
<div style="float:right;margin-right: 20px;color: red;margin-top: -20px;"><span style="color: red" id="headclass">￥{$proInfo.scjiage}</span><button class="btn" id="btn">立即购买</button></div>
<br/>
</ul>
</if>


<script>
$(".li3").click(function(){
    $(this).addClass("active3").siblings().removeClass("active3");
})
</script>
<div class="home-settlement" id="homeSettlement">
    <div >
        <img src="{$couAdv['img_url']}" alt=" " class="home-settlement-img" >
        <a href="javascript:;"onClick="$(this).parent().hide();" class="home-settlement-point close" title="关闭">
            <i class="home-font close"></i>
        </a>
        <a href="{:U('Home/Index/countList')}" class="home-settlement-point" style="width: 1920px; height: 120px; left: 0px; top: 0px;" target="_blank"  ></a>
    </div>
</div>
<script type="text/javascript">
    $(function(){
        setTimeout(function () {   
        $('#homeSettlement').remove();  
    }, 10000);  
        
    })
</script>
<header class="layout-header clearfix" style="height: auto;" id="layoutHeader">
    <div class="mzcontainer">
        <div class="layout-header-logo" style=" width: 164px; padding: 10px 0;"> 
        <a  href="javascript:;" class="layout-header-logo-link" style="width: 134px;"><img src="__PUBLIC__/index/images/logo.png" style="width: 150px; display: inline-block;
    
     height: auto; 
    margin-top: 27px;" > </a> </div>

            <ul class="layout-header-service clearfix" style="float: right;">
                <li class="layout-header-service-item layout-header-service-search mz-autocomlete" id="layoutHeaderSearch">
                    <input class="mz-autocomlete-input" placeholder="请输入产品名">
                    <i class="layout-font layout-font-search search-btn"></i></li>
                <li class="layout-header-service-item" id="layoutHeaderUser" style="height: 100px;">
                    <if condition="session('userInfo')">
                        <a class="layout-header-service-link" href="{:U('Home/Person/index')}" data-mtype="wmz_public_yt_mycenter"> <img src="" alt=" " class="layout-header-service-avatar"> </a>
                        <else/>
                        <a class="layout-header-service-link" href="{:U('Home/Shop/login')}" data-mtype="wmz_public_yt_mycenter"> <img src="" alt=" " class="layout-header-service-avatar"> </a>
                    </if>
                    <ul class="meizu-header-user-dropdown">

                        <if condition="session('userInfo')">
                        <li><a href="{:U('Home/Person/order')}">我的订单</a></li>
                            <li><a href="{:U('Home/Shop/quit')}">退出</a></li>
                            <else/>
                            <li><a href="{:U('Home/Shop/login')}" id="all">立即登录</a></li>
                            <li><a href="{:U('Home/Shop/register')}">立即注册</a></li>
                        </if>
                    </ul>
                </li>
                <li class="layout-header-service-item layout-header-service-cart" id="layoutHeaderCart"> <a class="layout-header-service-link" href="{:U('Index/Shop/shop_cart')}" data-mtype="wmz_public_yt_cart"> <i class="layout-font layout-font-cart1"></i> <span class="layout-header-service-cart-num">0</span> </a> </li>
            </ul>

        <ul class="layout-header-nav clearfix" id="layoutHeaderNav" style="float: left; margin-left: 20%;margin-top: -63px;">
            <li class="layout-header-nav-item"> <a href="/" class="layout-header-nav-link" >首页</a> </li>
            <li class="layout-header-nav-item"> <a href="{:U('Home/Shop/index')}" class="layout-header-nav-link" >商城首页</a> </li>
            <li class="layout-header-nav-item"> <a href="javascript:;" class="layout-header-nav-link" >资料下载</a> </li>
            <li class="layout-header-nav-item"> <a href="{:U('Home/Index/aboutus',array('id'=>58))}" class="layout-header-nav-link" >关于我们</a> </li>
            <li class="layout-header-nav-item"> <a href="{:U('Home/Index/news')}" class="layout-header-nav-link" >新闻中心</a> </li>
            <li class="layout-header-nav-item"> <a href="{:U('Home/Index/hotTech')}" class="layout-header-nav-link" >热流道技术</a> </li>
            <li class="layout-header-nav-item"> <a href="{:U('Home/Index/clientFace')}" class="layout-header-nav-link" >客户面对面</a> </li>
        </ul>
        <div class="layout-header-nav-downmenu" id="layoutHeaderNavDownmenu"></div>
    </div>
</header>
<script>
    $(".search-btn").click(function () {
        var shopName=$(".mz-autocomlete-input").val();
        if($(".mz-autocomlete-input").val()==""){
            alert('请输入搜索产品关键字');
            return false;
        }else{
            location.href="__URL__/search?goodName="+shopName;
        }
    })
</script>
